<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    用户名：<input type="text" class="username">
    <br>
    密码：<input type="paswword" class="userpwd">
    <br>
    手机号：<input type="text" class="phone">
    <br>
    <button>注册</button>

    <script>

        // 把用户名当做key , 把密码当成value
        //    用户名具有唯一性
       
        
        // 如果字段过多(用户名，密码，手机号，邮箱...)
        //    把具有唯一性的字段当做key,其他字段当做value(JSON对象)


        // 实际上  localStorage 的value 只能存字符串

        // localStorage.setItem('yy','123');
        // localStorage.setItem('yy' , '222');

        localStorage.setItem('188888' , {
            username : 'yy' , 
            password : '123' 
        })


        const o = {
            username : 'yy' , 
            password : '123' 
        }

        // 任何一个对象都有toString这个方法 --- object Object
        console.log(o.toString())

        const arr = [1,2,3] ;
        // console.log(arr.toString())
        document.write(o);


        const str = JSON.stringify(o) ;
        localStorage.setItem('188888' , str);

    </script>
    
</body>
</html>